<template>
	<view class="page">
		
		<swiper :indicator-dots="true" :autoplay="true" class="carousel">
			<swiper-item>
				<image src="../../static/banner/banner2.png" class="carousel"></image>
			</swiper-item>
			<swiper-item>
				<image src="../../static/banner/banner1.png" class="carousel"></image>
			</swiper-item>
		</swiper>
		<view class="d-flex flex-row bg-white flex-wrap" style="height: 300rpx;">
			<view class="d-flex flex-column a-center j-center col-4 my-2" v-for="i in 6">
				<image src="/static/touxiang.jpg" class="radius-circle mb-1" mode="widthFix" style="width: 60rpx;height: 60rpx;"></image>
				<text style="color:grey">科研</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style>
/* 	.page {
		width: 100%;
		height: 100%;
		background-color: #f7f7f7;
		position: absolute;
	} */
	@import url("index.css");
</style>
